Menunjukan bagaimana mengunakan extension pada dasar pemrograman dart 
Agar mudah ngoding dgn flutter 

Apa itu extension 

Pertma buat aplikasi sederhan 


Edit Select ebug Terminal 


OPEN EDITORS import 
x & maindart 


Bo pa void main = runApp(MyApp()); 


- a. 
W idea class MyApp extends StatelessWidget 


= : override 

u Widget build(BuildContext context) { 

è return MaterialApp( 

€ debugShowCheckedModeBanner: false, 
home: MainPage(), 


); 


class MainPage extends StatelessWidget 
final int x = -10; 
override 


t build(BuildContext context) { 
return Scaff if 


PS E:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 


Cuman ada homePage 
Itu cuman ada text 
Yg ditampil sebuah variabel integer 


dit Selecti 


v OPEN EDITORS 

x È maindar 
F class MainPage extends StatelessWidget 
Dgn final int X= -10; 
- a. 


M idea 
@override 


uid Nidget build(BuildContext context) { 


. 
a 
a 
è iit 
& 


xtStyle(fontSize: 40), 


1: powershell 


PS E:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 
T0005 


T t 


Permasalah nya seperti apa 


Ketika kita buat aplikasi fluter terkadang kita perlu 

Fungsi tambhan pada dart itu sendiri contoh nya 

Punya integer itu -10 saya pingin fungsi otomatis terbalikanya 
Misalkan -10 jadi 10 

Kalau 10 itu jadi -10 

Biasa kita buat sebuah class 

Misalkan namanya integerUtil {} 

Lalu buat static method int negete(dia akan minta int number) 
{ 

Return number * -1; 

} 

Maka dgn demikian tingal di text 
IntegerUtil.negate(x).tostring(). 

Kita save maka berubah 10 


— | 


ee 
Oo maindant X Š 
v OPEN EDITOI - 
P x © maindart build context Extension Demo 
. , i ( 
EXTENSION DEMO 
. j 
, 


appBar: 
title: 


, 
body: 
child: 
-negate(x).toString(), 
style: fontSize: 40), 


negate number 
1 number * -1; 
1: powershell 
PS E:\Dropbox\FlutterProject\extension_demo> 
ourune 


DEPENDENCIES 
TODOS 


a © Type here t 


Kalau ubah 10 menjadi -10 


OPEN EDITORS 


x È maindart 


EXTENSION DEMO 


class MainPage extends S 
16 final int x = 10, 


@override 
Widget build(BuildContext context) { 
return Scaff 
appBar: 
title: T 
, 
body: Center 
child: 
Inte il.negate(x).toString(), 
tStyle(fontSize: 40), 


1: powershell 


PS E:\Dropbox\FlutterProject\extension_demo> 


OUTLINE 
DEPENDENCIES 


Tooos 


Biasanya seperti ini 
Sekarang di dart ada namanya extension 

Itu ibaratkan fungsi class yg sudah ada 

Contoh inger itu sudah dibuatkan sekarang tambahkan fungsi i 


naindart X 
v OPEN EDITORS return Sca 
x & maindart appBar: / 


Extension DEMO title: 
, 
—— body: 


negate(x).toString(), 
yle(fontSize: 40), 


class IntegerUti 
static int negatekint number) 
{ 


return number * -1; 
| | 
PS E:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 
Tooos 


Bagaiman cara nya mengunakan extension 
Ingerutil nya kita hapus dan text nya 


Edit leci View & bug Terminal Ip © mandant - ext emo - Visual Stu x J 


Q maindart | 
OPEN EDITORS 1 UNSAVED s 1 \ @ 
anyar applar: Extension Demo 
- title: € 5 


EXTENSION DEMO 


dart ’ 
body: 
child: 
x.toString(), 
style: fontSize: 40) 


, 


PS E:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 
Tooos 


Berarti disni kita buat extension nya 

Extension IntegerExtension on masukan class int{ 

Lalu disni kita buat methodnya 

Kembalikan int namanya negate() => akan kembalian itu adalah => -1 * dgn objeck 
dia integer 

Untuk menuju object nya integer gunakan this; 

Maka sekarang bisa ubah 


x.nagete.tostring() 


& mindan © 
V OPEN EDITORS 1 UNSAVED return 3ca 
.. dani appBar 
title: 


EXTENSION DEMO 


, 
body: Cente 

child xt( 
x.negate().toString()|, 

style: TextStyle(fontSize: 40), 


extension IntegerExtension on int 
int negate() => -1 * this; 


1 T ni 1: powershell 


PS E:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 
T0005 


& mindan X 


V OPEN EDITORS 


class MainPage extends State 
final int x = -5; 


@override 
build(BuildContext context) { 


x.negate().toString(), 
style: TextStyle(fontSize: 40), 


1 TERMINAL 1: powershell 


PS E:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 


Tooos 


a P Type here to search 
Maka jadi 5 
Sama seprti tadi sekarang diinput intger nya sekarang 
Kalau dilihat extension masih warning 


& mindan X 

OPEN EDITORS return c TOLU 

x & mindan appBar: 
title: 


EXTENSION DEMO 


, 
body: Center 
chil Text( 
x.nega ).toString(), 


Extension methods weren't supported until 
version 2.6.0, but this code is required to be 
able to run on earlier versions. 

Try updating the SDK 

constraints. 


extension Integert 
i negate() = -1 * this; 


1: powershell 


ct\extension_demo> 


OUTUNE 
DEPENDENCIES 
Tooos 


Peringatan bahwa extension tidak suport sampai 2.6 maak ini suruh update 
Kalau gini bisa klik 
Ig Fie 1 View G ug Termi 


Oo © mindan 


OPEN EDITORS 
x È maindart appBar 
- titl 


return bca 


EXTENSION DEMO 
, 


body: Center 
child: 3, 
x.negate().toString(), 

Extension methods weren't supported until 
version 2.6.0, but this code is required to be 
able to run on earlier versions. 
Try updating the SDK 
constraints. 


extension Ini 
int negate() = -1 * this; 


PS E:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 


& mindan X 
OPEN EDITORS retur > 


x & maindart appBar: 
Ta title: 


EXTENSION pena 
- a i , 
m idea body: Ce 
android chil 


wild 


J 

= x.negate().toString(), 
a 

& 


1 style: Te yle(fontSize: 40), 


extensio n on int 


Update the SDK constraints. 
int ne_ is; 


:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 
Tooos 


a Baar a Ki C 
Nanti dipubspec yaml berubah 
Sdk nya menjadi 2.6 


Fie Edit Selecti 


` 
Q a pubspecyami * 2 * | 


V OPEN EDITORS 1 UNSAVED 


version: 1. 


environment: 
sdk: 


dependencies: 
flutter: 
sdk: 


PS E:\Dropbox\FlutterProject\extension_demo> 


OUTUNE 
DEPENDENCIES 
TODOS 


Type here to search 


Seakrang coba 


4 
Q 


pubspecyami X 


version: 


environment: 
sdk: 


dependencies: 
flutter: 
sdk: 


JTP Flutter 


[extension_demo] flutter packages get 


Running "flutter pub get" in extension demo... 
The current Dart SDK version is 2.6.0-dev.4.0.flutter-1103690280. 


OUTUNE 


DEPENDENCIES 
22.6.0 «3.0.0, version 


YAML RNI 


Because extension_demo requires SDK versi 


eoem gae sgoe 


pubspecyami © 


OPEN EDITORS “4 UNSAVED 
© maindart 


© i } pubspecyami 
EXTENSION_DEMO 


version: 


environment: 


dependencies: 
flutter: 
sdk: 


Flutter 


[extension_demo] flutter packages get 


Running "flutter pub get" in extension demo... 
The current Dart SDK version is 2.6.0-dev.4.0.flutter-1103600280. 


OUTUNE 


DEPENDENCIES 
T0005 Because extension demo requires SDK version 22.6.0 <3.0.0, version 


Sekarang sudah benar berhasil 
Kembali sudah hilang 


EXTENSION DE saat 
- a. 
@ idea 
und x.negate( ).toString( ), 
: style: TextStyle(fontSize: 


maindart 


+ 

- 

- 
e 


extension IntegerExtension on int 


int negate() = -1 * this; 


pub get failed (1) 
exit code 1 
[extension_demo] flutter packages get 
Running "flutter pub get" in extension demo... 
0.4s 
OuTUNE : 
DEPENDENCIES exit code o 


Tooos 


Hal kedua 
Kita dapat buah method untuk menerapkan operator yg belum ada di class yg akan 
ditambhkan 
Contoh nya 
Kita tidak bis 


O mindart © 


OPEN EDITORS 1 UNSAVED 


a begin karena belum ada operatopr & 


ubspec yai 
EXTENSION DEMO 
- 4. 

- 


& x.negate().toString(), 


. 
a 
- : 
= TextStyle(fontSize: 40), 
& 


extension In gerExtension on int 
int negate() = -1 * this; 


A = 
pub get failed (1) 

exit code 1 

[extension_demo] flutter packages get 

Running "flutter pub get" in extension_demo... 
0.4s 


ouTUNE £ 
exit code 0 


DEPENDENCIES 
TODOS 


P Type here to search 


Maka kita tambhkan operator dan untuk tambhkanbilang & lalu spasi 
Sekarang kita buat 
Extesion SringExtension on String{ 


String operator &(String other) 
Other adalah peran sebelah kanan yaitu x.nagetostring 
> Dia kembalikan thsi + “ “ spasi + other 


Sekarang tidaki eror —— 
le Edit lecti View G bug ip aah pot = x , À 
main.dart ; | 

4 title: , 


EXTENSION DEMO 
= , 
body: 
-child: 
5 x.negate( ).toString( ), 
style: (fontSize: 40), 


, 


Bilangan: 5 


negate => -1* 


38 other) => 


pub get failed (1) 

exit code 1 

[extension_demo] flutter packages get 

Running “flutter pub get" in extension_demo... 
@.4s 


OuTUNE 2 
exit code 0 


DEPENDENCIES 


T0005 


Permasalh berikutnya adalah contoh buat extesion duble juga yaitu si negate 
Normal bisa bikin seperti ini 

Ini cara langsung nya 

Extension DoubleExtension on double{ 

Double negate() => -1 * thsi; 


Terminal 


& mindan © 
OPEN EDITORS 1 UNSAVED 


aan :" & x.negate().toString(), 
tStyle(fontSize: 40), 


extension IntegerExtension on int 
int negate() = -1 * this; 


Bilangan:-5 


extension Dou t 
le negate() = -1 * this; 


extension gExte on String 
ing operator &(String other) = this + + other; 


UTP Flutter 
pub get failed (1) 
exit code 1 
(extension demo) flutter packages get 
Running “flutter pub get" in extension demo... 
0.4s 


OUTUNE k 
exit code 0 


DEPENDENCIES 
Tooos 


Maka seperti ini maka bisa ganti dsini double 
Maka save jadi 5.0 


© mindan 
ry 
v OPEN EDITORS 
a class MainPage extends S 
EXTENSION DEMO 
final double -5; 
override 
return Sci 
appBar: 
title: 
' 
body: Center 
child: Te ° 
& x.negate().toString(), Bilangan:-5.0 


style: TextStyle(fontSize: 40), 


u Flutter 


pub get failed (1) 


exit code 1 

[extension_demo] flutter packages get 

Running “flutter pub get" in extension_demo... 
0.4s 

exit code 0 


OUTUNE 
DEPENDENCIES 
Tooos 


Sekarang punya double dan intger 


Edit 


| 


———— 
— 
main dart 
OPEN EDITORS body: : 
x main.dart child: Extension Demo 


Extension DEMO :" & x.negate().toString(), 
dart style: fontSize: 40), 


@ 


negate => -1 « 


Bilangan:-5.0 


negate 2 - 


pub get failed (1) 

exit code 1 

(extension demo) flutter packages get 

Running "flutter pub get" in extension demo... 
0.4s 

exit code 0 


OUTUNE 
DEPENDENCIES 
T0005 


Sekarang punya d 
Kita buat2 lagi 
Beluma da tipe lain 

Kita juga bisa gabung dgn extension 

Caranya 

Extension numberExtension kenpa number karena extesion adalah turunana dari 
number 

<>kasih tau extension ini berlaku hanya tipe yg <t exntesion yg turunan number> 
on diapasng di 

Kembali an itu t tergantu nilai kembalin kalau integer atau number 

Lalu fungsi nya sama aja seperti ini 

Maka yg dulpicat tidak perlu lagi 


O ff 


ulpikasi 


& mindan © 


OPEN EDITORS 1 UNSAVED 


...m 


EXTENSION DEMO 
@ dart 
M idea 


extension NumberExtension<T extends num? on 


s 
a 
= 

negate() = -1 * this; 
- 
& 


extension StringExtens or string 


String operator &( s other) = this + 


Jua Flutter 
pub get failed (1) 
exit code 1 
(extension demo) flutter packages get 
Running “flutter pub get" in extension demo... 
0.4s 


OuTUNE k 
exit code 0 


DEPENDENCIES 
T0005 


OPEN EDITORS 


EXTENSION DEMO 


class MainPage extends State 
16 final int x = F5; 


override 
build(BuildContext context) { 
turn Sci 
appBar 
title: 
, 
body: Ce 
child: 
& x.negate().toString(), 
style: TextStyle(fontSize: 40), 


’ 


); 


"7 Flutter 
pub get failed (1) 
exit code 1 


[extension_demo] flutter packages get 

Running "flutter pub get" in extension_demo... 
0.4s 

exit code 0 


OUTUNE 
DEPENDENCIES 
TODOS 


Ganti lagi double sama saja 


+ other; 


Bilangan:-5.0 


Bilangan:-5 


ry 
OPEN EDITORS 


EXTENSION DEMO 


class MainPage extends StatelessWidget 
final double x - -5; 


doverride 
Widget build(BuildContext context) | 
return Sca 
appBar: 
—title: 


— body: Cer r Bilangan:-5.0 


pub get failed (1) 

exit code 1 

[extension_demo] flutter packages get 

Running "flutter pub get" in extension demo... 
0.4s 

exit code 0 


OUTUNE 
DEPENDENCIES 
T0005 


dgn demikian kita juga untuk list 
Kita buat isinya 1,2 


© 


OPEN EDITORS 1 UNSAVED 


© © mandan 


EXTENSION DEMO 
- a. 

aA sage exte Stat 
B3 idea class MainPage extends St 


final double 
List<int> myList = (1, 2, 3]; 
my dart @override 
t build(BuildContext context) { 
return Scaffold( 
appBar: AppBar 
title: Text( 


- 
a 
= 
- 

& 


Bilangan:-5.0 


, 
body: Center 
child: Text( 
& x.negate().toString(), 
style: TextStyle( fontSize: 40), 
», 
); 
pub get failed (1) 
exit code 1 
[extension_demo] flutter packages get 
Running "flutter pub get" in extension_demo... 
0.4s 
exit code 0 


OUTUNE 
DEPENDENCIES 
TODOS 


Lalu dibawah nya buat extension diambil nilai tengah nya 

Disni kita bisa pasng tipe list nya T yaitu misalkan list of integer atau double 

Lalu extension apa yaitu get Midelement nanti di return adalah => ()this.kalau itu 
list ksong 

Maka yg kembalikan itu adalah null kalau gk kembaliakan this[]yg ke index yaitu 
this.length /2 


Misalkan panjang 3 maka dibagi menjadi 2 maka kita ambil 1 gk mungkin ada index 
yg 

Setengah2 jadi kitabuat floor() yaitu kita bulatkan kebawah 

Misalkan 1.5 jadi 1 

Kalau ada 3 elment maka 1 setngah 

Dan di penamaan didart depan nya hruf kecil untu method 


Edit He 


oe 
D mandan X 
` Dae ; child: 
| ‘n e x-negate()-tostring(), Extension Demo 


EXTENSION DEMO style: (fontSize: 40), 


midElement 
“length = 0) ? : .length / 2).flo 


Bilangan:-5.0 


negate = -1 


pub get failed (1) 

exit code 1 

[extension_demo] flutter packages get 

Running "flutter pub get" in extension demo... 
@.4s 

exit code 0 


OUTUNE 
DEPENDENCIES 


Tooos 
, 12:45 


Ke atas 
Dsini kita ganti di text mylist.midElement.tostring 


X) Fie ection View & ug Termin | x 
— y 
Oo & mindan X 
OPEN EDITORS 
x & maindart 
abs 
EXTENSION_DEMO 
extends Statel 
final double x = -5; 
List<int> myList = [1, 2, 3]; 
override 
Widget build(Bui ntext context) { 
turn Scaff 
appBar: 
title: Text z f 
: Bilangan:-2 


body: 
child: 
& myList.midElement.toString( ), 
style: TextStyle( fontSize: 40), 
», 
); 
' OUT Flutter 
pub get failed (1) 
exit code 1 
[extension_demo] flutter packages get 
Running "flutter pub get" in extension demo... 
0.4s 


OuTUNE 3 
exit code 0 


DEPENDENCIES 


maka dapat 2 
Jika misalkan ksongi 
Kalau kriwil biru maka kasih final 


File n V Termi 


Det 


& mindan X = 
V OPEN EDITORS 
x © maindart 
EXTENSION. pensan 
D a. 
class MainPage extends 
final double 2 -5$ 
final List<int> myList 
rride 
build( Bi ntext context) | 
turn Sca 
appBar: 
title: t 3 P 
: Bilangan:-null 


body: Cente 
child: Text( 
& myList.midElement.toString(), 
style: TextStyle(fontSize: 40), 
)y 
); 
UTPU Flutter 
pub get failed (1) 
exit code 1 
[extension_demo] flutter packages get 
Running "flutter pub get" in extension demo... 
O.4s 
exit code 0 


OUTLINE 
DEPENDENCIES 
T0005 


D Type here to search 


i 
Mislkan kasih 6 
Ambil tengah jadi 3 


main.dart 


OPEN EDITORS 


Extension Demo 


EXTENSION DEMO 
4, 


build context 


appBar: 
title: 


Bilangan:-3 


body: 
child: 
& myList.midElement.toString(), 
style: fontSize: 40), 


, 


l Flutter 
pub get failed (1) 
exit code 1 
[extension_demo] flutter packages get 
Running "flutter pub get" in extension demo... 
O.4s 


OuTUNE : 
exit code 0 


DEPENDENCIES 
Tooos 


Jadi seperti ini cara extension 


